<template>
    <div class="note-count">
        Note count:<strong>{{ noteCount }}</strong>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'

const EventBus = new Vue()
@Component({})
export default class NoteCountComponent extends Vue {
    name = 'NoteCountComponent'

    private get noteCount(){
        return this.$store.getters.getNoteCount;
    }


}
</script>

<style scoped>
.note-count {
    margin-top: 20px;
}
</style>
